<template>
<el-row>
  <el-col :span="24">
    <el-form :model="loginForm" ref="loginForm" label-width="65px">
        <el-form-item label="账号：" prop="username" :rules="[
            { required: true, message: '账号不能为空'}
        ]">
            <el-input type="text" auto-complete="off" v-model="loginForm.username"></el-input>
        </el-form-item>
        <el-form-item label="密码：" prop="possword" :rules="[
            { required: true, message: '密码不能为空'}
        ]">
            <el-input type="password" auto-complete="off" v-model="loginForm.possword"></el-input>
        </el-form-item>
        <el-form-item>
            <el-button type="primary" @click="submitForm('loginForm')">登陆</el-button>
            <el-button @click="resetForm('loginForm')">注册</el-button>
        </el-form-item>
    </el-form>
  </el-col>
</el-row>
</template>

<script>
/* eslint-disable */

export default {
  name: "Login",
  data() {
    return {
      loginForm: {}
    };
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.el-form {
  width: 500px;
  margin: 0 auto;
}
</style>
